


#info {
	height: 3rem;
}
#info h3 {
	font-size: 1.2rem;
	color: white;
	text-indent: 1rem;
}
#main {
	margin-top: 4rem;
}


.platform {
	text-align: center;
	position: relative;
}
.platform article {

	background-color: white;
	overflow: hidden;
	padding: 0.5em 0px;

	position: relative;
}
.platform .todo {
	display: none;
	position: absolute;
	border-radius: 5px;
	font-size: 2em;
	width: 2.5em;
	height: 2em;
	line-height: 2em;
	top: 30%;
	left: 75%;
	text-align: left;
	cursor: pointer;
}

.platform .todo.addRedpackage {
	display: block;
	background-image: url(../img/icon.svg);
	background-position: 40% 946px;

}

.platform .todo span,
.platform .todo u
{
	color: red;
}

.platform h1 {
	display: block;
	height: 25px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/icon.svg);
	background-origin: padding-box;
	background-repeat: no-repeat;
	background-position: 50% 0px;
}

.platform h2 {
	font-size: 2rem;
	padding: 0px;
	margin: 0px;
	color: #ff8405;
	font-family: inherit;
	-webkit-font-smoothing: antialiased;
}

.platform h2.freeze
{
	color: red;
	font-size: 1em;


}

.platform h3 {
	padding: 0px;
	margin: 0px;
	font-size: 1.2em;
	margin-bottom: 0.4em;
	line-height: 3rem;
	text-align: center;
}
.platform h3 i,
.platform h3 b {
	padding: 0px 1em;
	font-size: 1.2em;
	margin-bottom: 1em;
	color: #666;
}

.platform h3 span.tit {
	width: 8rem;
	height: 3rem;
	text-align: right;
	display: inline-block;
}
.platform h3 span:last-child{
	width: 8rem;
	height: 3rem;
	text-align: right;

	display: inline-block;
}

.platform h3 span:last-child:after{
	content: " RMB";
	width: 2rem;
	height: 3rem;
	font-size: 0.8rem;
	font-style: italic;
	font-weight: lighter;
	color: #dddddd;
	display: inline-block;
}
/**************/
.platform .nohave,
.platform .activeM  {
	width: 120px;
	line-height: 20px;
	padding: 20px;
	border-radius: 30px;
	background: #bb9966;
	text-align: center;
	vertical-align: middle;
	margin : 0px auto;
	margin-top : 8em;
	margin-bottom: 2em;
	color: #FDF5E3;
	cursor: pointer;

}

/********/

.platform *
{
	color: #333333;
}

.platform .top
{
	color: #333333;
	position: relative;
	cursor: pointer;
}

.platform .top div,
.platform .task div
{
	height: 100%;
	font-size: 1.0em;
	display: inline-block;
	vertical-align: top;
}
.platform .top div  span,
.platform .task div  span
{
	display: block;
	margin-top: 2.5em;
	margin-bottom: 0.2em;
}

.platform .top .audit,
.platform .top .today
{
	width: 49%;
	overflow: hidden;
	background-color: white;
}

.platform .kongjian {
	height: 3rem;
	background-color: white;
}


/*************/

.platform .jiang {
	display: block;
	height: 0.5em;
	line-height: 0.5em;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background-color: whitesmoke;

}



/**********/
#main .sdfi{
	display: none;
	width: 100vw;
	height: 100%;
	min-height: 80vh;
	background-color: #FFF3B6;
	position: absolute;
	overflow-y: auto;
	z-index: 10;
	padding-bottom: 3em;

}

#main .newRedpackage{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	overflow-y: auto;
	padding: 1em 0px;
	z-index: 20;
	background-color: #FFF3B6;

}

#main .newRedpackage .targetInfo
{
	position: relative;
	width: 15em;
	height: 21em;
	padding-top: 4em;
	margin: 0px auto;
	background: url('../img/icon.svg') no-repeat;
	background-position: 3px -1158px;
}
#main .newRedpackage .targetInfo h3
{
	font-size: 4em;
	height: auto;
	font-weight: bold;
	color: yellow;
	overflow: hidden;
	margin: 0px;

}


#main .newRedpackage h4
{
	margin: 0px;
	text-align: center;
	font-weight: lighter;
	text-indent: 0.5em;

	color: white;
}

#main .newRedpackage h5
{
	font-size: 1.5em;
	margin: 0.5em 0px;
	color: #ff8405;
}

#main .newRedpackage a {
	position: absolute;
	top: 20%;
	right: -1.5em;
	width: 3em;
	height: 3em;
	background-color: #bb9966;
	display: inline-block;
	cursor: pointer;
	background: url('../img/icon.svg') no-repeat;
	background-position: -60px -975px;
}

#main .newRedpackage a.commitTask {
	top: 55%;
	background-position: -115px -975px;
}

#main .newRedpackage p
{
	padding: 0px;
	margin: 0px;

	line-height: 1.8em;
	text-indent: 2em;
	text-align: left;
	color: white;

}

#main .newRedpackage p b
{

	color: white;
}

#main .newRedpackage .targetRefInfo ,
#main .newRedpackage .targetRefInfo h4,
#main .newRedpackage .targetRefInfo p,
#main .newRedpackage .targetRefInfo b
{
	color: black;

}
#main .newRedpackage .targetRefInfo hr
{
	border:none;
	border-top: 1px solid #666;
	background-color: transparent;

}
#main .newRedpackage .targetRefInfo p
{

	padding: 0px 1em;
}

#main .sdfi .areaTop
{
	height: auto;
	padding-bottom: 1em;

}
#main .sdfi .areaBottom
{
	height: auto;
	padding-bottom: 1em;

}
#main .noau{
	display: none;
	width: 100%;
	background-color: #FFF3B6;
	position: absolute;
	overflow-y: scroll;
	border-top: 3px solid #ddd;
	border-bottom: 3px solid #ddd;
	padding: 1em 0px;
}

#main .noau hr,
#main .sdfi hr
{
	height: 1px;
	line-height: 1px;
	padding: 0px;
	width: 90%;
	border: none;
	border-bottom: 1px solid #5F5F65;

}

#main .noau h4
{
	text-align: left;
	font-weight: lighter;
	text-indent: 0.5em;
}

#main .sdfi h4
{
	margin: 0px;
	text-align: left;
	font-weight: lighter;
	text-indent: 0.5em;
	height: 3em;
	line-height: 3em;
}
#main .sdfi h4 a {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 3em;
	height: 3em;
	background-color: #bb9966;
	display: inline-block;
	cursor: pointer;
	background: url('../img/icon.svg') no-repeat;
	background-position: -66px -975px;
}

#main .sdfi h4 a.commitTask {
	position: absolute;
	top: 0px;
	right: 4em;
	width: 3em;
	height: 3em;
	background-color: #bb9966;
	display: inline-block;
	cursor: pointer;
	background: url('../img/icon.svg') no-repeat;
	background-position: 50% -975px;
}

#main .sdfi.taskList .areaTop p{
	padding: 5px;
	font-size: 1em;
	margin: 0.5em;
	width: 2.6em;
	height: 3.6em;
	line-height: 3.6em;
	display: inline-block;
	text-indent: 0px;
	text-align: center;
	cursor: pointer;
	color: white;
	vertical-align: top;
	background: url('../img/icon.svg') no-repeat;
	background-position: 50% -786px;
}

#main .sdfi.taskList .areaBottom p{
	padding: 5px;
	font-size: 1em;
	margin: 0.5em;
	width: 2.6em;
	height: 3.6em;
	line-height: 3.6em;
	display: inline-block;
	text-indent: 0px;
	text-align: center;
	cursor: pointer;
	color: white;
	vertical-align: top;
	background: url('../img/icon.svg') no-repeat;
	background-position: 50% -1050px;

}


#main .noau p,
#main .sdfi p
{
	text-align: left;
	text-indent: 20px;
	padding: 0.2em 10px;
	margin: 0px;
	font-size: 1em;

}
#main .noau p b,
#main .sdfi p b
{
	font-weight: bold !important;
}

.platform .task {
	border-bottom: 1px solid #eee;
	height: 8em;
	position: relative;
	background-color: white;
}

.platform .task .btn {
	padding: 0.5rem 1rem;
	display: inline-block;
	background-color: khaki;
	border-radius: 0.3rem;
	cursor: pointer;
	user-select: none;
	text-decoration: none;
}

.platform .task .btn:hover {
	background-color: lightsalmon;
}
.platform .top div,
.platform .task div {
	vertical-align: top;
	position: relative;
}

.platform .task div u {
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 2em;
	border-radius: 2em;
	font-weight: bold !important;
	font-family: Arial !important;
	color: whitesmoke;
	font-size: 9px;
	width: 1.4em;
	height: 1.4em;
	line-height: 1.4em;
	background-color: red;
	text-align: center;
}

.platform .task.f1 u {

	right: 3em;
}
.platform .task.f2 u {

	right: 1em;
}

.platform .task.f2 div{
	width: 33%;
	box-sizing: border-box;
	float: left;
	height: 100%;
	overflow: hidden;
}
.platform .task.f1 .todo
{
	width: 33%;
}


.platform .task .two{
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
}
.platform .task.f1
{
	width: 100%;
	overflow: hidden;

}

.button{
	text-decoration: none;
	color: white;
	outline: none;
	cursor: pointer;
	display: block;
	width: 100%;
	height: auto;
	padding: 0.5em 0px;
	text-align: center;
	font-size:  1.2em;
	background-color: #B5B5B5;
	margin: 1px auto;
}
.button.subBtn {
	background-color: #F7DF6B;
	color: black;
	width: 80%;
}
.button.top20{
	margin:0px;
	border-top: 0.5em solid #eee;

}
.gray{

	background-color: #AAA;
}
.about {
	text-align: center;
	font-size: 0.6em;
	bottom : 0px;
	width: 100%;
	height: auto;
	background-color: white;
}


.about a {
	width: 40%;
	line-height: 1.6rem;
	font-size: 1.2rem;
	color: #666;
	display: inline-block;


}

.platform label{

	width: 20%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-top: 1em;
}

.platform  input,
.platform  textarea
{
	font-size: 1.2em;
	border:none;
	border-bottom: solid #aaa 1px;
	padding: 5px 0px;
	display: inline-block;
	margin: 0px auto;
	margin-top: 0.5em;
	width: 60%;
	text-indent: 10px;
	background-color: #EEEEEE;
	outline: none;
}


.platform  textarea
{
	resize: none;
	height: 10em;
	margin-bottom: 2em;
}

/***********my************/

#my {
	display: none;
	text-align: center;
	margin-top: 7em;
}
#my h2 {
	text-align: left;
	text-indent: 0.5em;
}

#my .platform {
	display: none;

}
#my #myFriendster
{
	cursor: pointer;

}
#my #myFriendster div b
{
	display: block;
	padding: 0.5em 0em ;
	text-indent: 10%;
	text-align: left;
	background-color: #FFF3B6;
}
#my #myFriendster span b
{
	text-align: left;
	display: block;
	padding: 0.5em 0em ;
	text-indent: 40%;
	background-color: #FDF5E3;

}

#my #myFriendster p
{
	background-color: white;
	text-align: left;
	padding: 0.5em 0px;
	padding-left: 1em;

}

#my  #Mobile.not
{
	background-color: white !important;
	border-bottom: none !important;
}


.warp {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0em;
	z-index: 2;
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: white;
}
.warp   li{
	height: auto;
	padding: 0.5em  1em   0.5em  0.5em ;
	border-bottom: 1px solid #ddd;
}

.warp   li .redPackget{
	width: 235px;
	height: 18.5em;
	position: relative;
	background: url('../img/icon.svg') no-repeat;
	background-position: 50% -1532px;

}

.warp   li .redPackget p b
{
	color: white;
	font-weight: bold !important;

}

.warp   li .redPackget .sum
{
	margin: 0em;
	padding-top: 0.6em;
	height: 1.5em;
	font-size: 3em;
	display: block;
	line-height: 1.5em;
	color: yellow;
	text-align: center;

}


.warp   li .redPackget h4
{
	height: 1em;
	line-height: 1em;
	font-size: 1em;
	display: block;
	margin: 0px;
	color: white;
	text-align: center;

}

.warp   li .redPackget p
{
	margin: 0.2em 0px;
	margin-left: 1em;
	color: white;
	font-size: 1.2em;

}

.warp   li.even{
	background-color: #fff3b6
}
.warp   li.odd{
	background: #FFDB8C;
}
.warp  li i
{
	width: 50%;
	color: black;
	font-size: 1em;
	vertical-align: top;
	display: inline-block;
}
.warp  li b
{
	width: auto;
	color: black;
	font-size: 1em;
	vertical-align: top;
	display: inline-block;
}
.warp  li u
{
	width: 4em;
	height: 2em;
	line-height: 2em;
	cursor : pointer;
	position: absolute;
	display: inline-block;
	border-radius: 0em 3em 3em 0em;
	top: 40%;
	right: -4em;
	margin-top: -1.5em;
	text-align: center;
	vertical-align: top;
	color: white;
	font-weight: bold;
	background-color: #ff8405;
}

.warp  li u.not
{
	top: 60%;
}

.warp li u.auOk{

	background-color: #bbb
}

.warpAu {
	top: 0px;

	margin-top: 9em;
	-webkit-user-select: none;
}

/********/
#main #info ul {
	margin: 0.6em 0em;

}

#main #info ul li {

	display: block;
	line-height: 1.6em;
	height: 1.6em;

}
#main #info a {
	margin: 0px auto;
	width: 7em;
	width: 7em;
	display: block;
	position: relative;
}
#main #info a img {
	border: 3px #FBEADE solid;
	border-radius: 60px;
	width: 7em;
	width: 7em;
}
#main #calcAward {
	display: none;
}

#main .btn.on{
	background-color: green;
}

#main .btn.off{
	background-color: #d8d8d8;
	color: red;
 }



.user-center {
	width: 100%;
	background: #f5f5f5;
	font-size: 14px
}

.user-center .userinfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px;
	padding: 40px 0 20px 0;
	background: #fff;
	text-align: center
}

.user-center .userinfo .userinfo-avatar {
	width: 30%
}

.user-center .userinfo .userinfo-avatar img {
	width: 100%;
	border-radius: 50%
}

.user-center .userinfo .userinfo-nickname {
	width: 100%;
	padding-top: 10px;
	color: #aaa
}

.user-center .info-list {
	padding: 0;
	margin: 0;
	color: #bdbdbd;
	list-style: none
}

.user-center .info-list li {
	position: relative;
	padding: 10px;
	background-color: #fff;
	box-sizing: border-box
}

.user-center .info-list li:not(:last-child) {
	border-bottom: 1px solid #f5f5f5
}

.user-center .address-management {
	position: relative;
	margin-top: 10px;
	padding: 10px;
	background-color: #fff;
	color: #bdbdbd;
	box-sizing: border-box
}

.user-center .iconfont {
	padding-right: 10px;
	color: #ddd;
	font-size: 1.2rem;
}

.user-center .icon-jiantou {
	position: absolute;
	right: 0
}



@media screen and (min-height: 1000px){
	.platform .noau {
		height: 35em;
	}
	.platform .top div,
	.platform .task div {
		height: 12em;
	}

	.platform .top div span,
	.platform .task div span {
		margin-top: 5em;
	}

}


@media screen and (min-height: 720px){

	#maiin .platform .sdfi {
		height: 35em;
	}
	.platform .noau {
		height: 35em;
	}

	.platform .top div span
	{
		margin-top: 4em;
	}

	.platform .task.f1 u {
		right: 4em;
		top: 3em;
	}

	.platform h1 {
		margin-top: 1em;
	}

}


@media screen and (max-height: 720px){

	.platform .noau {
		height: 35em;
	}

}



@media screen and (min-height: 500px){

	.platform .task {
		height: 3em;
	}

}


@media screen and (max-height: 500px){

	.platform h2.freeze {
		color: red;
		font-size: 0.4em;
	}


	.platform h2 {
		margin: 0.1em 0px;
	}

	.platform .sdfi {
		height: 10em;
	}
	.platform .noau {
		height: 23em;
	}

	.platform .task {
		height: 5em;
	}


	.platform .top div span,
	.platform .task div span {
		margin-top: 1em;
	}


}




